@import "_public";
.header{
    margin:0 auto;
}
.main{
    width:100%;
    background:#fff;
    .w1200{
        width:1200px;
        margin:0 auto;
        overflow: hidden;
        .det-top{
            width:100%;
            height:40px;
            line-height:40px;
            margin:0 auto;
            display: block;
            border-bottom:1px solid #eee;
            font-size:12px;
            color:#666;
            .det-topl{
                float:left;
                margin-left:5px;
                a{
                    float:left;
                    color:#666;
                }
            }
            .det-topr{
                float:right;
                height:20px;
                line-height:40px;
                padding:10px 0;
                img{
                    width:80px;
                    height:20px;
                    float:left;
                }
            }
        }
        //详情
        .mx-int{
            width:1200px;
            height:auto;
            overflow: hidden;
            margin: 0 auto;
            margin-bottom:40px;
            display: block;
            .mx-intl{
                width:430px;
                float:left;
                background: #fff;
                .intl-up{                   
                     .item-dl{
                        width:352px;
                        height:422px;
                        margin-left:40px;
                        margin-top:20px;
                        float:left;
                        .item-show{
                            width:350px;
                            height:350px;
                            .item-pic{
                                width:350px;
                                height:350px;
                                position: relative;
                                img{
                                    width:350px;
                                    height:350px;
                                    position: absolute;
                                    display: none;
                                }
                                .positionbox{
                                    width: 175px;
                                    height: 175px;
                                    background: #ccc;
                                    opacity:0.3;
                                    position: absolute;
                                    left: 0;
                                    top: 0;
                                    z-index: 1;
                                    display: none;
                                }
                                .hide{
                                    width: 350px;
                                    height: 350px;
                                    position: absolute;
                                    left: 0;
                                    top: 0;
                                    z-index: 10;
                                }
                            }
                            #right{
                                width: 350px;
                                height: 350px;
                                overflow: hidden;
                                position: relative;
                                left: 360px;
                                top: -350px;
//                              background:#0f0;
                                display: none;
                                #bigimg{
                                    position: absolute;
                                    width:700px;
                                    height: 700px; 
                                    left: 0;
                                }
                            }
                        }
                        .pic-small{
                            float:left;
                            width:355px;
                            height:62px;
                            padding-top:10px;
                            ul{
                                height:62px;
                                width: 325px;
//                              background:#0f0;
                                float:left;
                         
                                    img{
                                        margin:0 2px;
                                        float:left;
                                        width:60px;
                                        height:60px;
                                         border:1px solid #ddd;
                                    }
                               
                                
                            }
                            p{
                                    float:left;
                                    width:15px;
                                    height:60px;
                                    text-align: center;
                                    line-height:60px;
                                    font-size:20px;
                                    color:#ccc;
                                    font-weight:bolder;
                                }
                        }
                    }
                }
                .intl-down{
                    width:350px;
                    height:30px;
                    line-height:30px;
                    margin-left:60px;
                    font-size:12px;
                    color:#999;
                    .down1{
                        width:140px;
                        float:left;
                        color:#999;
                    }
                    .down2{
                        width:90px;
                        float:right;
                        line-height:15px;
                        img{
                            float:left;
                            width:14px;
                            height:12px;
                            margin-top:10px;
                            margin-right:5px;
                        }
                        span{
                            float:left;
                            line-height:30px;
                        }
                    }
                }
            }
            .mx-intr{
                width:770px;
                float:right;
                background:#fff;
                .intr-up{
                    h2{
                        width:94%;
                        height:auto;
                        font-size:24px;
                        color:rgb(51,51,51);
                        line-height:24px;
                        margin-top:30px;
                        margin-bottom:15px;
                        
                    }
                    p{
                        width:100%;
                        height:55px;
                        font-size:12px;
                        color:#1A9733;
                        line-height:18px;
                        margin-bottom:10px;
                    }
                    form{
                        .price{
                            width:770px;
                            height:40px;
                            background:#FAFAFC;
                            padding:10px 20px 5px 20px;
                            ul{
                                li{
                                    float:left;
                                    height:40px;
                                    line-height:40px;
                                    font-size:12px;
                                    color:#999;
                                    margin-right:15px;
                                }
                                
                            }
                        }
                        .mx-goods{
                            width:100%;
                            float:left;
                            margin-left:20px;
                            padding-bottom:10px;
                            margin-top:10px;
                            .title{
                                width:64px;
                                font-size:12px;
                                color:#999;
                                height:25px;
                                line-height:25px;
                            }
                            .text{
                                color:#666;
                                height:25px;
                                line-height:25px;
                                font-size:12px;
                            }
                        }
                        .table{
                            float:left;
                            width:100%;
                            padding-top:5px;
                            padding-left:20px;
                            border-top:1px solid #eee;
                            .buy-control{
                                width:100%;
                                float:left;
                                .title{
                                    float:left;
                                    width:64px;
                                    height:30px;
                                    font-size:12px;
                                    color:#999;
                                    line-height:30px;
                                    margin-top:5px;
                                }
                                .state{
                                    float:left;
                                    height:30px;
                                    line-height:30px;
                                    border:2px solid #1A9733;
                                    padding:0 8px;
                                    font-size:12px;
                                    margin-top:5px;
                                }
                                .det-num{                                    
                                    width:90px;
                                    height:30px;
                                    margin-top:5px;
                                    float:left;
                                    border:1px solid #eee;
                                    p{
                                        float:left;
                                        width:24px;
                                        height:30px;
                                        text-align: center;
                                        line-height:30px;
                                        font-size:14px;
                                        color:#333;
                                    }
                                    input{
                                        width:40px;
                                        height:30px;
                                        line-height:30px;
                                        text-align: center;
                                        border-left:1px solid #eee;
                                        border-right:1px solid #eee;
                                        float:left;
                                    }
                                } 
                                .send-time{
                                    float:left;
                                    width:200px;
                                    height:40px;                                
                                    margin-left:15px;
                                    p{
                                        width:30px;
                                        float:left;
                                        color:#666;
                                        height:40px;
                                         font-size:12px;
                                        line-height:40px;
                                    }
                                    span{ 
                                        float:left;
                                        width:112px;                                                                            
                                        margin:9px 0;
                                        i{
                                            font-weight:bold;
                                            font-size:14px;
                                            color:#666;
                                             margin:0 2px; 
                                        }
                                    }
                                }                             
                            }
                        }
                    }
                }
                .intr-con{
                    width:100%;
                    height:62px;
                    float:left;
                    margin-top:10px;
                    padding:20px 20px 0 0;
                    border-top:1px solid #ddd;
                    input{
                        float:left;
                        width:172px;
                        height:43px;
                        text-align: center;
                        line-height:43px;
                        color:#fff;
                        font-size:20px;
                        border-radius: 6px;
                    }
                    .mx-buy{
                        margin-left:20px;
                        margin-right:5px;
                        background:#e80;
                    }
                    .mx-shop{
                        background:#199733;
                    }
                }
            }
        }
        .tab-buy{
            width:1200px;
            margin:0 auto;
            position:relative;
            .mx-rep{
                width:947px;
                height:auto;
                float:left;
                overflow: hidden;
                .tab-con{
                    width:950px;
                    height:auto;
                    overflow: hidden;
                    .tab-ch{
                        float:left;
                        width:940px;
                        height:52px;
                        display:block;
                        background:#FAFAFC;
                        border:1px solid #eee;
                        border-bottom:1px solid #1A9733;
                        li{
                            width:160px;
                            height:50px;
                            line-height:50px;
                            float:left;
                            text-align: center;
                            font-size:16px;
                            color:rgb(51,51,51);
                            cursor: pointer;
                            border-right:1px solid #eee;
                            box-sizing: border-box;
                        }
                    }
                    .tabs{
                        width:947px;
                        background:#fff;
                        position:absolute;
                        left:0;
                        top:52px;
                     
                        li{
                            .tabs-up{
                                table{
                                    width:900px;
                                    height:100px;
                                    margin:0 auto;
                                    font-size:12px;
                                    color:#666;
                                    
                                }
                            }
                        }
                    }
                }
            }
        }
        .mx-list1{
            float:right;
            width:230px;
            height:auto;
            border:1px solid #eee;
            border-right:0;
            .list-up{
                width:100%;
                height:170px;
                float:left;
                border-bottom:1px solid #eee;
                padding-left:20px;
                padding-right:20px;
                z-index: -1;
                h4{
                    width:100%;
                    height:22px;
                    margin-top:30px;
                    margin-bottom:10px;
                    float:left;
                    font-size:16px;
                    font-weight:bold;
                    color:rgb(26,151,51)
                }
                li{
                    width:90px;
                    height:30px;
                    line-height:30px;
                    float:left;
                    font-size:12px;
                    color:#666;
                    text-indent: 10px;
                }
            }
            .list-con{
                width:100%;
                height:170px;
                float:left;
                border-bottom:1px solid #eee;
                padding-left:20px;
                padding-right:20px;
                z-index: -1;
                h4{
                    width:100%;
                    height:22px;
                    margin-top:30px;
                    margin-bottom:10px;
                    float:left;
                    font-size:16px;
                    font-weight:bold;
                    color:rgb(26,151,51)
                }
                li{
                    width:63px;
                    height:30px;
                    line-height:30px;
                    float:left;
                    font-size:12px;
                    color:#666;
                    text-indent: 10px;
                }
            }
            .list-down{
                width:100%;
                height:1300px;
                float:left;
                border-bottom:1px solid #eee;
                padding-left:20px;
                padding-right:20px;
                z-index: -1;
                h4{
                    width:100%;
                    height:22px;
                    margin-top:30px;
                    margin-bottom:10px;
                    float:left;
                    font-size:16px;
                    font-weight:bold;
                    color:rgb(26,151,51)
                }
                li{
                    width:230px;
                    height:246px;
                    float:left;
                    a{
                        color:#666;
                        float:left;
                        .goods-ma{
                            img{
                                width:150px;
                                height:150px;
                                margin:0 auto;
                                margin-top:10px;
                                margin-bottom:10px;
                            }
                            p{
                                width:144px;
                                height:45px;
                                margin:0 auto;
                                margin-bottom:5px;
                                font-size:12px;
                                color:#666;
                                line-height:18px;
                            }
                            span{
                                width:144px;
                                height:26px;
                                margin:0 auto;
                                font-size:18px;
                                color:#E4462C;
                            }
                        }
                    }
                }
            }
        }
    }
}
